<!DOCTYPE html>
<html lang="zh-cn">

<head>

  <meta content="text/html;charset=utf-8" http-equiv="content-type">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

  <title>滑雪族 - 退款管理</title>

  <!-- Bootstrap Core CSS -->
<!-- MetisMenu CSS -->
<!-- Custom CSS -->
<!-- Custom Fonts -->
  <!-- Timeline CSS -->  <!-- Morris Charts CSS -->
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->

    <link rel="stylesheet" href="/server/r/bower_components/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/server/r/bower_components/metisMenu/dist/metisMenu.min.css" />
    <link rel="stylesheet" href="/server/r/static/css/sb-admin-2_e507c2b.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/font-awesome/css/font-awesome.min.css" />
    <link type="text/css" rel="stylesheet" href="/server/r/static/css/hxz/common_2baa698.css" />
    <link rel="stylesheet" href="/server/r/static/css/timeline_1c13c9f.css" />
    <link rel="stylesheet" href="/server/r/bower_components/morrisjs/morris.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/alertify/themes/alertify.core.css" />
    <link rel="stylesheet" type="text/css" href="/server/r/bower_components/alertify/themes/alertify.bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="/server/r/bower_components/select2/dist/css/select2.min.css" />
</head>

<body>
<div id="wrapper">

  <!-- Navigation -->
  <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0">

    <div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a class="navbar-brand" href="activity-list">滑雪族 管理</a>
</div>
<!-- /.navbar-header -->

<ul class="nav navbar-top-links navbar-right">
  <!-- /.dropdown -->
  <li class="dropdown">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">
      <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
    </a>
    <ul class="dropdown-menu dropdown-user">
      <li><a href="/manage/logout"><i class="fa fa-sign-out fa-fw"></i> 退出系统</a>
      </li>
    </ul>
    <!-- /.dropdown-user -->
  </li>
  <!-- /.dropdown -->
</ul>
<!-- /.navbar-top-links -->

    <div class="navbar-default sidebar" role="navigation">
      <div class="sidebar-nav navbar-collapse">
        <ul class="nav" id="side-menu">
  <li>
    <a href="#"><i class="fa fa-asterisk fa-fw"></i> 产品管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/activity-list"> 产品查询</a>
      </li>
      <li>
        <a href="/manage/manage-organizer-render-activity"> 产品显示控制</a>
      </li>
    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="/#"><i class="fa fa-male fa-fw"></i> 报名管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/player-list"> 报名查询</a>
      </li>
    </ul>
  </li>
  <li>
    <a href="#"><i class="fa fa-list-alt fa-fw"></i> 订单管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/order-list"> 订单查询</a>
      </li>
      <li>
        <a href="/manage/refund-list"> 退款管理</a>
      </li>
    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="#"><i class="fa fa-check-circle fa-fw"></i> 主办方认证<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/organizer-edit"> 创建主办方</a>
      </li>
      <li>
        <a href="/manage/organizer-list"> 主办方列表</a>
      </li>
      <li>
        <a href="/manage/organizer-print"> 冬令营打印设置</a>
      </li>

    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="#"><i class="fa fa-picture-o fa-fw"></i> 雪场管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/ski-field-edit"> 创建雪场</a>
      </li>
      <li>
        <a href="/manage/ski-field-list"> 雪场列表</a>
      </li>

    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="#"><i class="fa fa-users fa-fw"></i> 教练管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/coach-list"> 预约情况</a>
      </li>
    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="#"><i class="fa fa-credit-card fa-fw"></i> 结算管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/manage-transfer-list"> 转账管理</a>
      </li>
      <li>
        <a href="/manage/manage-withdrawals-apply-list"> 提现申请</a>
      </li>
      <li>
        <a href="/manage/manage-withdrawals-record-list"> 结算列表</a>
      </li>
    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="#"><i class="fa fa-rmb fa-fw"></i> 财务管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/stream-list"> 交易流水</a>
      </li>
      <li>
        <a href="/manage/manage-bill-record-list"> 对账列表</a>
      </li>
    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="#"><i class="fa fa-dollar fa-fw"></i> 营销管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/marketing-list"> 返利管理</a>
      </li>
    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="#"><i class="fa fa-comments fa-fw"></i> 评价管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/comment-list">评价管理</a>
      </li>
    </ul>
  </li>
  <li>
    <a href="#"><i class="fa fa-tasks fa-fw"></i> 定时处理管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/quartz-list"> 定时处理列表</a>
      </li>
    </ul>
    <!-- /.nav-second-level -->
  </li>
  <li>
    <a href="#"><i class="fa fa-wechat fa-fw"></i> 微信页面管理<span class="fa arrow"></span></a>
    <ul class="nav nav-second-level">
      <li>
        <a href="/manage/typography-list"> 微信首页管理</a>
      </li>
      <li>
        <a href="/manage/activity-weight-manage"> 活动置顶</a>
      </li>
    </ul>
    <!-- /.nav-second-level -->
  </li>
</ul>
      </div>
      <!-- /.sidebar-collapse -->
    </div>
    <!-- /.navbar-static-side -->
  </nav>

  <div id="page-wrapper">
    <div class="row">
      <div class="col-lg-12">
        <h3 class="page-header">退款管理</h3>
      </div>
      <!-- /.col-lg-12 -->
    </div>
    <!-- /.row -->
    <div class="form-inline">
      <div class="form-group">
        <label>订单号：</label>
        <input class="form-control input-sm" id="order-num">
      </div>
      <div class="form-group">
        <label>商户平台订单号：</label>
        <input class="form-control input-sm" id="weixin-order-num">
      </div>
      <div class="form-group">
        <label>状态：</label>
        <select class="form-control" id="weixin-refund-status"></select>
      </div>
      <div class="form-group">
        <a id="order-refund-filter" href="javascript:void(0);" type="button" class="btn btn-sm btn-success btn-outline">查询</a>
        <a id="order-filter-all" href="/manage/refund-list" type="button" class="btn btn-sm btn-success btn-outline">全部</a>
      </div>
    </div>
    <!-- /.row -->

    <div class="row">
      <div class="col-lg-12">
        <div class="panel panel-default">
          <div class="panel-heading">
            待退款订单列表
          </div>
          <!-- /.panel-heading -->
          <div class="panel-body">
            <div class="dataTable_wrapper">
              <table class="table table-striped table-bordered table-hover">
                <thead>
                <tr class="warning">
                  <th>序号</th>
                  <th>订单号<br>商户平台订单号</th>
                  <th>买家</th>
                  <th>卖家</th>
                  <!--<th>创建时间</th>-->
                  <th>·产品<br>·子项目<br>·商品</th>
                  <th>单价</th>
                  <th>订单金额</th>
                  <th>退款数量</th>
                  <th>退款金额</th>
                  <th>订单状态</th>
                  <th>微信订单状态</th>
                  <th>操作</th>
                </tr>
                </thead>
                <tbody id="order-list-body"></tbody>
              </table>

              <div class="pagination dataTables_paginate paging_simple_numbers pull-right" id="pagination" role="status" aria-live="polite">
              </div>
            </div>

          </div>
          <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
      </div>
    </div>
    <!-- /.col-lg-12 -->
  </div>
  <!-- /#page-wrapper -->

</div>
<!-- /#wrapper --><script id="tpl-order-list-item" type="text/template">
  <tr>
    <td>{{ orderIndex }}</td>
    <td>{{ orderCode }}<br>{{ orderTransactionId }}</td>
    <td>{{ customerName }}<br>{{ customerPhone }}</td>
    <td>{{ orgName }}</td>
    <td>·{{ activityName }}<br>·{{ episodeName }}<br>·{{ chargeName }}</td>
    <td>{{ chargePrice }}</td>
    <td>{{ orderPrice }}</td>
    <td>{{ refundCount }}</td>
    <td>{{ price }}</td>
    <td>{{ orderStatus2String(orderStatus, refundStatus) }}</td>
    <td>{{ (-4 < refundStatus && refundStatus < 10) ? "" : refundStatus }}</td>
    <td>
      <% if((!outRefundNo || outRefundNo.length == 0) && refundStatus == 0) { %>
      <a href="javascript:void(0);" type="button" class="btn btn-info btn-xs deal-refund" data-code="{{ orderCode }}" data-refundid="{{ refundId }}" data-opUser="{{ refundId }}">退款</a>
      <% } %>
    </td>
  </tr>
</script>
<div id="hxz-background" class="background" style="display: none; "></div>
<div id="hxz-progressBar" class="progressBar" style="display: none; ">数据加载中，请稍等...</div>

<script src="/server/r/require.js"></script>
<script type="text/javascript">/*resourcemap*/
require.config({paths:{
  "r/bower_components/jquery/dist/jquery.min": "/server/r/bower_components/jquery/dist/jquery.min",
  "r/bower_components/underscore/underscore-min": "/server/r/bower_components/underscore/underscore-min",
  "r/static/js/hxz/hxz.valid": "/server/r/static/js/hxz/hxz.valid_12cc206",
  "r/static/js/hxz/hxz.rest": "/server/r/static/js/hxz/hxz.rest_07c8105",
  "r/bower_components/alertify/alertify.min": "/server/r/bower_components/alertify/alertify.min",
  "r/static/js/alertify-config": "/server/r/static/js/alertify-config_0cc8db2",
  "r/bower_components/bootstrap/dist/js/bootstrap.min": "/server/r/bower_components/bootstrap/dist/js/bootstrap.min",
  "r/bower_components/metisMenu/dist/metisMenu.min": "/server/r/bower_components/metisMenu/dist/metisMenu.min",
  "r/bower_components/select2/dist/js/select2": "/server/r/bower_components/select2/dist/js/select2",
  "r/static/js/hxz/hxz.ui": "/server/r/static/js/hxz/hxz.ui_0a7714d",
  "r/static/js/hxz/hxz": "/server/r/static/js/hxz/hxz_589b155",
  "r/vendor/pagination/jquery.pagination": "/server/r/vendor/pagination/jquery.pagination"
}});


  var pagination = false;
  var currentPage = 1;
  var orderListFilter = {};

  require(["r/bower_components/jquery/dist/jquery.min", "r/static/js/hxz/hxz", "r/static/js/alertify-config", "r/vendor/pagination/jquery.pagination", "r/bower_components/select2/dist/js/select2"], function ($, hxz, alertify) {

    function fetchOrderRefundList(page) {
      $("#order-list-panel").css("display", "");

      var apiOrderList = hxz.RestApi.manageOrderRefundList;

      if (!page) {
        page = "1";
      }

      apiOrderList = apiOrderList + "?page=" + page;

      if (orderListFilter && orderListFilter.wxStatus) {
        apiOrderList = apiOrderList + "&wxStatus=" + orderListFilter.wxStatus;
      }

      if (orderListFilter && orderListFilter.code && orderListFilter.code != "0") {
        apiOrderList = apiOrderList + "&code=" + orderListFilter.code;
      }

      if (orderListFilter && orderListFilter.transactionId && orderListFilter.transactionId != "0") {
        apiOrderList = apiOrderList + "&transactionId=" + orderListFilter.transactionId;
      }


      apiOrderList = apiOrderList + "&t=" + new Date().getTime();

      hxz.doGet({url: apiOrderList}, function (data) {
        hxz.progressBar.hide();
        if (data.status == "0") {

          return alertify.log("系统错误");
        }
        render(data.data.dataList, page, data.data.count);
      });
    }

    function render(dataList, page, count) {
      currentPage = page;
      var tpl = _.template($('#tpl-order-list-item').html());
      $("#order-list-body").html("");
      for (var i = 0; i < dataList.length; i++) {
        var _data = dataList[i];

        _data.orderIndex = hxz.pageIndex(i, page);
        _data.datetime = hxz.datetime;


        _data.orderStatus2String = function (data, refundStatus) {
          if (refundStatus == -1) {
            return "退款审核中";
          }
          if (refundStatus == -2) {
            return "可使用（退款失败）";
          }
          if (refundStatus == -3) {
            return "可使用（退款驳回）";
          }
          data = Number(data);
          return hxz.orderStatus(data);
        };

        $("#order-list-body").append(tpl(_data));
      }

      if (pagination) {
        pagination = false;

        $('#pagination').pagination(count, {
          current_page: 0,
          items_per_page: 10,
          num_display_entries: 6,
          callback: function (page_id) {
            //模拟ajax去后端读取页数，获取数据并渲染列表的过程
            fetchOrderRefundList(page_id + 1);
          },
          load_first_page: false,
          prev_text: '上一页',
          next_text: '下一页'
        });
      }

    }

    function fetchOption() {
      //0 : 申请退款开始  1 : SUCCESS—退款成功 2 : FAIL—退款失败 3 : PROCESSING—退款处理中 4 : NOTSURE—未确定 5 : CHANGE—转入代发 6 : Exception

      var statusData = [
        {"id": -3, "text": "退款驳回"},
        {"id": -2, "text": "退款失败"},
        {"id": -1, "text": "退款审核中"},
        {"id": 0, "text": "申请退款开始"},
        {"id": 1, "text": "退款成功"},
        {"id": 2, "text": "退款失败"},
        {"id": 3, "text": "退款处理中"},
        {"id": 4, "text": "未确定"},
        {"id": 5, "text": "转入代发"},
        {"id": 6, "text": "异常状态"}
      ];

      $("#weixin-refund-status").select2({
        language: "zh-CN",
        placeholder: "选择微信退款状态",
        width: "160",
        data: statusData
      });

    }

    function event() {


      $("#order-list-body").on("click", ".deal-refund", function () {
        var code = $(this).data("code");
        var refundId = $(this).data("refundid");

        var url = "/manage/order/dealRefund.json";

        hxz.doPost({
          url: url,
          data: {
            code: code,
            refundId: refundId
          }
        }, function (data) {

          if (data.status == "0") {
            hxz.progressBar.hide();
            return alertify.log("系统错误");
          }

          fetchOrderRefundList(currentPage);
          return alertify.log(data.msg);
        });
      });

      $("#order-refund-filter").on("click", function () {
        orderListFilter = {};

        orderListFilter.code = $("#order-num").val();
        orderListFilter.transactionId = $("#weixin-order-num").val();
        orderListFilter.wxStatus = $("#weixin-refund-status").val();
        pagination = true;
        fetchOrderRefundList(1);
      });
    }

    pagination = true;

    fetchOrderRefundList(1);
    event();
    fetchOption();
  });
</script>
</body>
</html>